/* -------------------------------------------------------------- 
  
   
   STANDING ON THE BACKS OF GIANTS
   
   Anyone familiar with CSS can see that this work is 
   heavily based upon the Blueprint CSS Framework.
   
   This picks up where it falls short.
-------------------------------------------------------------- */

/*
@import url(plugins/tripoli/reset.css);  
@import url(plugins/css-classes/css-classes.css);  
@import url(plugins/tripoli/tripoli.css);
@import url(plugins/padding/padding.css);
@import url(plugins/tables/tables.css);
@import url(plugins/buttons/buttons.css);
@import url(plugins/forms/forms.css);
*/


@import url(nav/horizontal.css);




/* See the grid:
	Uncomment the line below to see the grid and baseline.*/

/*
.container { background: url(blueprint/src/grid.png) !important;} 
*/


body
{
	margin-top: 0px;
	color: #000;
}


.header
{
	background: url(/_Makerator/images/bg.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: both;
	height: 184px;
	margin: 0;
	padding: 1em 0 0 0;
}


.header a:link#logo, .header a:visited#logo
{
	background: url(/_Makerator/images/logo.png);
	background-repeat: no-repeat;
	display: block;
	width: 950px;
	height: 184px;
	margin: 0px;
}

.header a strong
{
	display: none;
}

.container
{
/*
	border: 1px solid blue;
*/
}

.nav *
{
	background: none !important;
	border: 0px !important;
	font-weight: normal !important;
	color: #000 !important;
	padding: 0px;
}


.nav
{
	width: 950px;
	height: 4em;
	margin-bottom: 1em;
	background: none;
/*
	outline: 1px solid red;
*/
}

.nav>li, .nav li li
{
	background: none;
	width: 120px !important;
}

.nav li ul
{
	margin-top: 10px;
}

.nav li a, .nav li li a
{
	color: red;
	display:block;
	float: left;
	padding: .75em 0 !important;
	margin-top: 5px;
	text-decoration:none;
	width: 110px;
	margin-right: 10px;
	border-right: 1px dotted #EDEDED !important;
	border-bottom: 2px solid #EDEDED !important;
	}

.nav li a.on, .nav li li a.on
{
	border-color: black !important;
	border-style: solid !important;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active,
.nav a.on:focus, .nav a.on:hover, .nav a.on:active
{
	border-color: #90C412 !important;
	border-style: solid !important;
}

.nav a:focus, .nav a:hover, .nav a:active,
.nav a.on:focus, .nav a.on:hover, .nav a.on:active
{
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-border-radius-bottomright: 1em;
	-webkit-border-bottom-right-radius: 1em;
}


#crumbtrail li:before { content: "" !important; }


#crumbtrail
{
	margin: 2em 0 2em 0;
	padding: 0px;
	display: block;
	height: 2em;
}

#crumbtrail li
{
	margin: 0px ;
	padding: 0px !important;
	list-style: none !important;
	float: left !important;
	clear: none;
	color: #666;
	text-indent: 0em; 
	margin: .25em;
}



#crumbtrail li a:link, #crumbtrail li a:visited
{
	color: #000;
	text-decoration: none;
}

#crumbtrail li a:hover
{
	text-decoration: underline !important;
}


ol.results-listing
{
	margin: 0 0 75px 0;
	padding: 0;
	display: block;
}

ol.results-listing li
{
	display: block;
	margin: 0;
	padding: 0;
}

ol.results-listing li a:link, .results-listing li a:visited
{
	color: #06C;
	text-decoration: none;
	display: block;
	border: 1px solid white;
	padding: 1ex;
	margin: 0;
}

ol.results-listing li a:hover
{
	color: #06C;
	background-color: #FCFDC6 !important;
	border: 1px dashed yellow;
	display: block;
}

ol.results-listing li *
{
	margin: 0;
	padding: 0;
}

ol.results-listing li.alt
{
	background-color: #E5ECF2;
}

form fieldset legend
{
	background-color: #9AC127;
	font-size: 1em;
	color: #fff;
}

.Makerator-message
{
	width: 434px;
	height: 116px;
	position: fixed;
	left: 25%;
	top: 176px;
	z-index: 10000;
	background-repeat: no-repeat;
	border: 0px !important;
}


#signedout
{
	background-image: url('/_Makerator/images/Makerator_messages_signed_out.png');
}


#signedin
{
	background-image: url('/_Makerator/images/Makerator_messages_signed_in.png');
}


a:link#signin, a:visited#signin
{
	display: block;
	position: fixed;
	width: 33px;
	bottom: 2px;
	height: 33px;
	right: 10px;
	background: url("/_Makerator/images/unlock.png");
	filter: alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
}

a#signin:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

a#signin strong
{
	display: none;
}

a:link#signout, a:visited#signout
{
	display: block;
	position: fixed;
	width: 33px;
	bottom: 2;
	height: 33px;
	right: 10px;
	background: url("/_Makerator/images/lock.png");
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index: 2000;
}
a:hover#signout
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


a#signout strong
{
	display: none;
}



a:link#signout, a:visited#signout
{
	display: block;
	position: fixed;
	width: 33px;
	bottom: 2px;
	height: 33px;
	right: 10px;
	background: url("/_Makerator/images/lock.png");
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
a:hover#signout
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


a#signout strong
{
	display: none;
}

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */

.content { font-size: 1.2em; line-height: 1.6em; }
.content h1 { font-size: 1.6em; }
.content h2 { font-size: 1.5em; }
.content h3 { font-size: 1.4em; }
.content h4 { font-size: 1.3em; }
.content h5 { font-size: 1.2em; }
.content h6 { font-size: 1em; }

/* HR */

.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */

.content ul li { text-indent: -.85em; margin-left: .85em; }
.content ul li:before { content: "\2022\00a0\00a0"; }
.content ol { list-style-position: outside; list-style-type: decimal; }
.content dt { font-weight: bold; }

/* TABLES */

.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* MARGINS & PADDINGS */

.content blockquote *:first-child { margin: .8em 0; }
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
.content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
.content h1 { margin: 1em 0 .5em;  }
.content h2 { margin: 1.07em 0 .535em; }
.content h3 { margin: 1.14em 0 .57em; }
.content h4 { margin: 1.23em 0 .615em; }
.content h5 { margin: 1.33em 0 .67em; }
.content h6 { margin: 1.6em 0 .8em; }
.content th, .content td { padding: .8em; }
.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
.content blockquote { padding: 0 1em; margin: 1.6em 0; }
.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
.content legend { padding-left: .8em; padding-right: .8em; }
.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
.content textarea, .content input { padding: .3em .4em .15em .4em; }
.content select { padding: .1em .2em 0 .2em; }
.content option { padding: 0 .4em; }
.content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
.content dt { margin-top: .8em; margin-bottom: .4em; }
.content ul { margin-left: 1.5em; }
.content ol { margin-left: 2.35em; }
.content ol ol, .content ul ol { margin-left: 2.5em; }
.content form div { margin-bottom: .8em; }

/* COLORS */

.content a:link { text-decoration: underline; color: #36c; }
.content a:visited { text-decoration: underline; color: #99c; }
.content a:hover { text-decoration: underline; color: #c33; }
.content a:active, .content a:focus { text-decoration: underline; color: #000; }
.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
